<div class="root">
    <!--header-->
    <div class="header">
        <search-bar :hotKeyWord="subject"></search-bar>
    </div>

    <!--搜索结果-->
    <div class="goods-wrapper">
        <!--搜索店铺结果列表-->
        <div class="shop-list" v-if="shopList.length">
            <div class="shop-item" v-for="s in shopList" @click="goToShop(s)">
                <div class="item-left">
                    <image resize="cover" class="shop-logo" :src="s.s_logo"></image>

                    <div class="item-row">
                        <div class="row">
                            <text class="item-txt shop-name font-msyhl">{{s.sname}}</text>
                            <text class="item-txt font-msyhl">{{s.s_tel}}</text>
                        </div>

                        <div class="row">
                            <text class="item-txt font-msyhl">宝贝数量 {{s.s_goodsnum}}</text>
                            <text class="item-txt font-msyhl">总销量 {{s.s_sellnum}}</text>
                        </div>
                    </div>
                </div>

                <text class="shop-btn font-msyhl">进店</text>
            </div>
        </div>

        <!--商品列表-->
        <goods-list :goodsList="goodsList" :listCompleted="listCompleted" :listLoaded="listLoaded" :loading="loading" @fetchMore="fetchMore">
            <sort-bar v-if="hasSearchGoods" :order="order" slot="listBefore" @sortClick="sortClick"></sort-bar>
        </goods-list>
    </div>

    <!--footer-->
    <footer-bar></footer-bar>
</div>
